<template>
  <div class="mainWarp">
    <recommend />
    <hotlist />
    <newlist />
    <toplist />
    <mvlist />
  </div>
</template>

<script>
import recommend from "./modules/recommend.vue";
import hotlist from "./modules/hotlist.vue";
import newlist from "./modules/newlist.vue";
import toplist from "./modules/toplist.vue";
import mvlist from './modules/mvlist.vue'
import { mapState } from "vuex";
export default {
  components: {
    recommend,
    hotlist,
    newlist,
    toplist,
    mvlist,
  },
};
</script>

<style scoped lang='less'>
.mainWarp {
  width: 1200px;
  margin: 120px  auto 0 auto;
}
</style>